<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="Inicio" style="border:none;">
            <p>
                Puede elimiar, editar un beneficio para que se muestre 
                en la página de eventos. 
                Los beneficios se mostraran en la página de eventos,
                con la finalidad de atraer a mas gente a ser parte
                de la comunidad Socios CJava.
            </p>
            <h:form id="myForm">
                <p:dataTable value="#{benefitBean.listBenefit}" var="benefit"
                             paginator="true" rows="15" id="benefitMeetingId"
                             paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}">
                    <p:column>
                        <p:menuButton styleClass="menubutton-for-table">  
                            <p:menuitem value="Editar" icon="ui-icon-pencil" 
                                        update=":panelPrincipalId">  
                                <f:setPropertyActionListener value="#{benefit}"
                                                             target="#{benefitBean.benefit}"/>
                                <f:setPropertyActionListener value="./pages/content/configuration/benefit.xhtml"
                                                             target="#{navigationBean.navigationContent}"/>
                            </p:menuitem>
                            <p:separator/>
                            <p:menuitem value="Eliminar" icon="ui-icon-close" 
                                        action="#{benefitBean.deleteBenefit(benefit)}"
                                        update="@form"/>    
                        </p:menuButton>
                    </p:column>
                    <p:column >
                        #{benefit.detail}
                    </p:column>
                    <p:column headerText="Inicio">
                        <h:outputText value="#{benefit.startDate}">
                            <f:convertDateTime locale="es" pattern="EEE, dd MMM, yyyy"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Fin">
                        <h:outputText value="#{benefit.endDate}">
                            <f:convertDateTime locale="es" pattern="EEE, dd MMM, yyyy"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Estado">
                        <h:outputText value="#{benefit.stateId.name}" />
                    </p:column>
                </p:dataTable>
            </h:form>
        </p:panel>
    </div>
</ui:composition>

